import ReactDOM from 'react-dom';  // 虚拟dom，挂载
import { addEvent } from './eventSystem';

const Demo = () => {
  return (
    <section
      ONCLICK={(e) => {
        console.log("click section");
      }}>
        <h3>Hello</h3>
        <button
          ONCLICK={(e) => {
            e.stopPropagation();  // e?  原生事件对象？  不是
            console.log("click button",e);
          }}
        >
          点击
        </button>
    </section>
  )
}

const root = document.querySelector('#root');
// es 模块提供一个  addEvent 方法
// root event  事件代理   
// 实现click点击事件
addEvent(root, 'click');
ReactDOM.render(<>
  <Demo />
  </>, root);